<template>
    <div class="full-width min-width-130 bg-gray-light3">
      <div class="width-130 height-14 mx-auto flex_between_center">
        <span class="text-20 text-gray-light1">
          {{lang === 'zh_CN' ? '如果您有任何问题或疑问，请与我们联系。' : 'If you have any questions or questions, please contact us'}}
        </span>
        <div @click="handleClick" class="hoverbtn width-20 px-11 py-2 border border-color-dark rounded-5 cursor-pointer">
          {{lang=== 'zh_CN' ? '联系我们' : 'ConcatUs'}} >
        </div>
      </div>
    </div>
</template>
<script setup>
import { computed } from 'vue'
import userStore from '@/store/index'
import { useRouter } from 'vue-router'

const lang = computed(() => userStore.state.lang)
const router = useRouter()
const handleClick = () => {
  router.push({
    path: 'concat'
  })
  userStore.commit('ADDBREADCRUMB', [{ path: 'concat', name: 'message.CONCACT' }])
}
</script>

<style lang="scss" scoped>
.hoverbtn:hover{
  background: #333;
  color: #fff;
  border: none;
}
</style>
